<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="Stylesheet" href="slider.css" type="text/css" />     
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="slider-ui.js"></script>

    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LIS490JG4 Survey - Slider Question</title>
</head>

<body>
<div class="surveyquestion" tabindex="0">Rate the teacher's effectiveness from a scale of 1-125, with 125 being the highest:</div>

<div class="slider">
	<span class="id">group1</span>
	<span class="min">0</span>
	<span class="max">125</span>
	<span class="now">0</span>
    <span class="gridlines">10</span>
	<span class="decimals">1</span> <!--*optional, null = 0 decimals-->
	<ol class="label">
	<li>Lowest</li>
	<li>Medium</li>
	<li>Highest</li>
	</ol>
	<ol class="question">
	<li>Effectiveness in speaking</li>
	<li>Presentation skills</li>
    <li>Approachability (availability for office hours, easiness to talk to)</li>
	</ol>
    
    
</div>
<div class="surveyquestion" tabindex="0">Rate your interest for the projects from 1-10, with 10 being the highest:</div>


<div class="slider">
	<span class="id">group2</span>
	<span class="min">0</span>
	<span class="max">10</span>
	<span class="now">0</span>
    <span class="gridlines">10</span>
	<span class="decimals">1</span> <!--*optional, null = 0 decimals-->
	<ol class="label">
	<li>Worst</li>
	<li>Medium</li>
    <li>Neutral</li>
	<li>Best</li>
    <li>Greatest</li>
	</ol>
	<ol class="question">
	<li>Chrome Toolbar</li>
	<li>Safari Toolbar</li>
    <li>Opera Toolbar</li>
    <li>Multimedia/Blackboard</li>
	<li>Survey/Qualtrics</li>
    <li>ARIA examples</li>
	</ol>
</div>


</body>
</html>
